<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>resources</title>
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../css/yzr_index_main.css"/>
    <script src="../layui/layui.js" type="text/javascript"></script>
    <style rel="stylesheet" type="text/css">
        body {
            padding: 15px;
            background-color: #f2f2f2;
        }

        .yz-container {
            padding: 15px;
        }

    </style>
</head>
<body>

<div class="layui-card">
    <!-- top-->
    <form class="layui-tab-container yz-container layui-form " action="">
        <div class="layui-row">
            <div class="layui-col-md4 layui-inline">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="title" placeholder="请输入海报名称" autocomplete="off"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-inline">
                    <label class="layui-form-label">创建时间</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="startTime" placeholder=" 请选择创建时间 "
                               lay-key="1" name="">
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-inline">
                    <label class="layui-form-label">启用时间</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="endTime" placeholder="请选择启用时间" lay-key="2"
                               name="">
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-row" style="margin-top: 15px">
            <div class="layui-col-md4">
                <div class="layui-form-item">
                    <label class="layui-form-label">平台</label>
                    <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="0">智汇魔方</option>
                            <option value="1">汇贷客</option>
                            <option value="2">公众号</option>
                            <option value="3">web</option>
                            <option value="4">pc</option>
                            <option value="5">微信</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="0">普通海报</option>
                            <option value="1">热门</option>
                            <option value="2">推荐</option>
                            <option value="3">diy海报</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4 " style="display: none">
                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                        </select>
                    </div>
                </div>
            </div>

        </div>

        <div class="layui-row" style="margin-top: 15px">
            <div class="layui-col-md4" style="">
                <button class="layui-btn layui-btn-danger" data-type="batchdel"><i
                        class="layui-icon"></i>删除
                </button>
                <button class="layui-btn layui-btn-normal" data-type="add"><i
                        class="layui-icon"></i>添加
                </button>
            </div>
            <div class="layui-col-md4"><span style="color: #fff;">asd</span></div>
            <div class="layui-col-md4" style="text-align: center;">
                <button type="submit" class="layui-btn layui-btn-lg"><i class="layui-icon layui-icon-search"></i>搜索</button>
            </div>
        </div>
    </form>
</div>
<!--list-->
<script>
    //Demo
    layui.use('form', function () {
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</body>
</html>